function magnifier() {
  // 鼠标移入小图容器范围，显示镜头与右侧大图，移出隐藏
  $('.small').on('mouseenter', () => {
    $('.len').show()
    $('.large').show()
  })
  $('.small').on('mouseleave', () => {
    $('.len').hide()
    $('.large').hide()
  })
  // 求 .small 容器在文档中的定位
  const smallLeft = document.querySelector('.small').offsetLeft
  const smallTop = document.querySelector('.small').offsetTop
  // // 鼠标指针在 .small 元素上移动时，镜头跟随光标移动
  $('.small').on('mousemove', event => {
    // 计算镜头在父容器中的定位位置
    // 水平定位位置 = 光标距文档左侧位置 - .small容器距文档左侧的位置 - 镜头宽度/2
    let _left = event.pageX - smallLeft - 75
    let _top = event.pageY - smallTop - 45
    // 判断是否在合法范围内部
    if (_left < 0) {
      _left = 0
    } else if (_left > 150) {
      _left = 150
    }

    if (_top < 0) {
      _top = 0
    } else if (_top > 90) {
      _top = 90
    }

    // 设置镜头定位样式
    document.querySelector('.len').style.left = _left + 'px'
    document.querySelector('.len').style.top = _top + 'px'
    // 大图定位位置
    document.querySelector('.large img').style.left = -2 * _left + 'px'
    document.querySelector('.large img').style.top = -2 * _top + 'px'
  })
}
/***********  获取到商品  *************/
$.ajax({
  url: '../json/lol.json',
  method: 'GET',
  dataType: 'json',
  success: function (data) {
    let good = data.filter(function (item) {
      // 得到地址里面的 id
      return item.valiDate[0].code === location.search.substr(4)
    })
    //  判断有商品就渲染页面
    if (good.length !== 0) {
      let html = template('goodDetails', { good })
      $('.goodsContent').html(html)
      // 点击加入购物车，添加数据
      $('.addCart').on('click', function () {
        goods_cart.day = good[0].valiDate[0].day
        goods_cart.name = good[0].valiDate[0].name
        goods_cart.pic = good[0].valiDate[0].pic
        goods_cart.code = good[0].valiDate[0].code
        goods_cart.curPrice = good[0].valiDate[0].curPrice
        goods_cart.subtotal = good[0].valiDate[0].curPrice
        goods_cart.label = good[0].valiDate[0].label
        // 通过 id 查找 数组里面是否存在此商品
        let code = goods_cart.code
        let index = goodsArr.findIndex(function (item, index) {
          return item.code === code
        })
        if (index === -1) goodsArr.push(goods_cart)
        else goodsArr[index].label++

        localStorage.setItem("goodsArr", JSON.stringify(goodsArr))
      })
      /* 放大镜功能 */
      magnifier()
    }
    // 通过 ID 添加
    // cart.unshift(Number(good[0].valiDate[0].code))
    // console.log(cart);
    // localStorage.setItem("cart", JSON.stringify(cart))
  }
})

